<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>用户登录</title>
  <style>
   body {
    background-color: #2B35DF;
   }
   .loginDiv {
    width: 550px;
    height:530px;
    background-color: white;
    /*让div整体居中*/
    margin: 0 auto;
    /*让div顶部外边距是80px*/
    margin-top:80px;
    /*调整顶部内边距*/
    padding-top:30px;
    text-align: center;
   }
   .loginInput{
    width: 426px;
    height: 55px;
    border-radius: 5px;
    border:1px solid darkgray;
    margin-bottom: 20px;
    padding-left:30px;
    /*文本框背景透明*/
    background-color: transparent;
    margin-left:-25px;
   }
   .loginBtn{
    width: 453px;
    height: 55px;
    background-color: #FF6B4D;
    color:white;
    font-size: 20px;
    border-radius: 5px;
    /*去掉边框*/
    border:none;
   }
   .thirdLogin{
    margin-top:30px;
    margin-bottom: 15px;
   }
   .logpic{
    margin-left: 20px;
   }
  </style>
 </head>
 <body>
  <div class="loginDiv">
   <!-- 这是放logo的div -->
   <div style="text-align: center;">
    <img src="img/tyustlogo.png" width="250px"/>
   </div>
   <h2>毕业设计管理系统</h2>
   <div>
    <img src="img/user.png"><input class="loginInput" type="text" placeholder="请输入用户名">
    <br>
    <img src="img/password.png"><input class="loginInput" placeholder="密码" type="password"/>
       <br>
    <input class="loginBtn" type="submit" value="登录">
   </div>
   <!-- 这个div放第三方登录 -->
   <div class="thirdLogin">
    <img class="logpic" src="img/weixin.png"/>
    <img class="logpic" src="img/qq.png">
    <img class="logpic" src="img/weibo.png">
   </div>
   <div style="font-size:12px;line-height: 20px;">
    技术支持：太原科技大学  宋书记<br>
    开发者：太原科技大学计科院  王主任
   </div>
  </div>
 </body>
</html>